<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>
	<body>
		<!-- table：用于呈现批量数据的表格 -->
		<!-- 属性：border：边框的粗细 ---注意：HTML属性值中px可以省略不写-->
		<!-- 属性：width:整个表格的宽度 -->
		<!-- 属性：align，表格的水平对齐方式 -->
		<!-- tr：全称：table row，表格中的一行 -->
		<!-- td:全称：table datacell，表格中的一个数据单元 -->
		<table border="1" width="500" align="center">
			<tr>
				<td width="100">5</td>
				<td>亮亮</td>
				<td>50</td>
				<td>首次考试</td>
			</tr>
			<tr>
				<td>8</td>
				<td>小新</td>
				<td>60</td>
				<td>补考后成绩</td>
			</tr>
			<tr>
				<td>9</td>
				<td>涛哥</td>
				<td>80</td>
				<td>初次考试</td>
			</tr>
			<tr>
				<td>18</td>
				<td>小明</td>
				<td>90</td>
				<td>补考成绩</td>
			</tr>
		</table>
		
		<!-- hr：Horizontal Rule 水平分割线 -->
		<hr width="500" >
		
		<!-- 五行三列的表格 -->
		<!-- rowspan:  行跨越（一个单元格可以指定它跨越的行数） -->
		<!-- colspan:  列跨越（一个单元格可以跨越的列数） -->
		<!-- align:单元格中的内容的水平对齐方式 -->
		<!-- valign: 单元格中的内容的竖直（vertical）对齐方式 
		top/middle/bottom-->
		<table border="5" width="500" align="center">
			<tr>
				<td>11</td>
				<td>12</td>
				<td rowspan="4" align="left" valign="middle">13</td>
			</tr>
			<tr>
				<td>21</td>
				<td>22</td>
				<!-- <td>23</td> -->
			</tr>
			<tr>
				<td>31</td>
				<td>32</td>
				<!-- <td>33</td> -->
			</tr>
			<tr>
				<td>41</td>
				<td>42</td>
				<!-- <td>43</td> -->
			</tr>
			<tr>
				<td colspan="3">51</td>
				<!-- <td>52</td> -->
				<!-- <td>53</td> -->
			</tr>
		</table>
	</body>
</html>










